.CodeSnippet {
    position: relative;
    font-size: 0.875rem;

    &.CodeSnippet--compact {
        font-size: 0.8125rem;

        .CodeSnippet__actions {
            top: 0.375rem;
            right: 0.375rem;
        }

        pre {
            padding-top: 0.375rem;
            padding-bottom: 0.375rem;
        }
    }

    .CodeSnippet__actions {
        position: absolute;
        top: 0.75rem;
        right: 0.5rem;
        display: flex;
        gap: 0.5rem;
        background: var(--color-bg-surface-primary) !important; // so that you can see button when over unwrapped text
    }

    pre {
        padding: 0.75rem 1rem;
        background: var(--color-bg-surface-primary) !important;
        border: solid 1px var(--color-border-primary) !important;
        border-radius: var(--radius) !important;
    }
}
